<!--

  内容区库存管理
  
-->

<template>
 <div class="contain">
        <el-row >
  
                   <el-button type="primary"
                    plain class="aa"
                   >委外入库单</el-button>
                   <el-button type="success" plain>委外出库单</el-button>
                   <el-button type="info" plain>归还单</el-button>
                   <el-button type="warning" plain>领用单</el-button>
                   <el-button type="danger" plain>获赠单</el-button>
                   <el-button type="success" plain>赠送单</el-button>
                   
</el-row>
<div class="ku">
            <img   class="k1" src="../../assets/green/1.png" />
            <img   class="k2" src="../../assets/green/2.png" />
            <img   class="k3" src="../../assets/green/3.png" />
            <img   class="k4" src="../../assets/green/4.png" />
            <img   class="k1 k11" src="../../assets/green/1.png" />
            <img   class="k2 k22" src="../../assets/green/2.png" />
            <img   class="k3 k33" src="../../assets/green/3.png" />
            <img   class="k4 k44" src="../../assets/green/4.png" />
            <img   class="k5" src="../../assets/green/five-green.png" />
            <img   class="k6" src="../../assets/green/five-green.png" />
            <img   class="k7" src="../../assets/green/five-green.png" />
            <img   class="k8" src="../../assets/green/five-green.png" />
            <img   class="k12" src="../../assets/green/12.png" />
            <img   class="k10" src="../../assets/green/five-black.png" />
            <img   class="k13" src="../../assets/green/13.png" />
            <img   class="k9" src="../../assets/green/five-gray.png" />
            <img   class="k15" src="../../assets/green/five-gray.png" />
            <img   class="k5 k14" src="../../assets/green/five-black.png" />
            <img   class="k7 k20" src="../../assets/green/five-black.png" />
            <img   class="k6 k16" src="../../assets/green/five-black.png" />
            <img   class="k8 k17" src="../../assets/green/five-black.png" />


    <Fontsize title="销售退货单" distance="13.8%" km="38%"/>
    <Fontsize title="采购入库单" distance="26.4%" km="38%"/>
    <Fontsize title="生产部入库" distance="13.8%" km="61%"/>
    <Fontsize title="其他入库单" distance="26.4%" km="61%"/>
    <Fontsize title="拆装单" distance="47.5%" km="25%"/>
    <Fontsize title="调拨单" distance="47.5%" km="50%"/>
    <Fontsize title="盘点单" distance="47.5%" km="75%"/>
    <Fontsize title="销售出库单" distance="68.2%" km="38%"/>
    <Fontsize title="生产部出库" distance="68.2%" km="61%"/>
     <Fontsize title="采购退货单" distance="80.5%" km="38%"/>
    <Fontsize title="其他出库单" distance="80.5%" km="61%"/>
    </div>
    </div>
</template>

<script>
import Fontsize from '../Fontsize'
export default {
        components:{
        
        Fontsize 
    }
}
</script>

<style lass="scss" scoped>
    .contain{
        height: 100%;
    }
      .aa{
        margin-left:60px
    }
  .el-button{
       margin-top: 20px;
    color: #b0b0b0;
    background: #5a5a5a;
    border-color: #5a5a5a;
        transition: 1.1s;
   }
   .ku{
          position: relative;
      height: 88%;
    width: 68%;
   }
   .k1{
       position: absolute;
    top: 29%;
    left: 8%;
    height: 24.018%;
    width: 16.505%;
   }
   .k3{
    position: absolute;
    top: 52.5%;
    left: 8%;
   height: 24.24%;
    width: 16.505%;
   }
   .k4{
       position: absolute;
    top: 52.5%;
    left: 24.3%;
    height: 24.24%;
    width: 16.505%;
   }
   .k2{
          position: absolute;
    top: 29%;
    left: 24.3%;
     height: 24.018%;
    width: 16.505%;
   }
   .k11{
        left: 62.3%;
   }
   .k22{
left: 78.3%;
   }
   .k33{
left: 62.3%;
   }
   .k44{
left: 78.3%;
   }
   .k5{
    position: absolute;
    top: 31.5%;
    left: 13%;
    height: 20.933%;
    width: 10.487%;
    cursor: pointer;
   }
   .k7{
   position: absolute;
    top: 54.5%;
    left: 13%;
   height: 20.933%;
    width: 10.487%;
    cursor: pointer;
   }
   .k6{
       position: absolute;
    top: 31.5%;
        left: 25.5%;
        height: 20.933%;
    width: 10.487%;
    cursor: pointer;
   }
   .k8{
       position: absolute;
    top: 54.5%;
        left: 25.5%;
    height: 20.933%;
    width: 10.487%;
    cursor: pointer;
   }
   .k12{
    position: absolute;
    top: 51%;
    left: 42%;
        height: 3.748%;
    width: 3.284%;
   }
   .k10{
    position: absolute;
    top: 44%;
    left: 46.6%;
    height: 21.152%;
    width: 10.487%;
    cursor: pointer;
   }
   .k13{
        position: absolute;
    top: 51%;
    left:58%;
        height: 3.748%;
    width: 3.284%;
   }
   .k9{
    position: absolute;
    top:19%;
    left: 46.6%;
     height: 21.152%;
    width: 10.487%;
    cursor: pointer;
   }
   .k15{
       position: absolute;
    top:69%;
    left: 46.6%;
    height: 21.152%;
    width: 10.487%;
    cursor: pointer;
   }
   .k14{
     left: 67.2%;
   }
.k16{
      left: 79.4%;
}
.k20{
     left: 67.2%;
}
.k17{
    left: 79.4%;
}
</style>
